<template>
  <div>
    <div class="loginBtn" @click="handleClick">{{ btnText }}</div>
  </div>
</template>

<script>
export default {
  name: 'LoginButton',
  props: ['btnText'],
  methods: {
    handleClick() {
      this.$emit('registerSubmit')
    }
  }
}
</script>

<style scoped>
.loginBtn {
  height: 45px;
  background-color: #ff9db5;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25vw;
}
</style>
